<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>js与jquery转换</title>
    <script src="js/jquery-3.3.1.min.js"></script>
</head>
<body>
    <div id="div1">div1...</div>
    <div id="div2">div2...</div>
<script>
    /*获取所有div标签*/
    //js
    var divs = document.getElementsByTagName("div");
    //jquery
    var $divs = $("div");
    //该数组不需要循环遍历，可以直接全部改变
    //$divs.html("ddd");
    /**js和jQuery之间的转换
     * jq -- > js : jq对象[索引] 或者 jq对象.get(索引)
     * js -- > jq : $(js对象)
     * */
    //jq-->js
    /*$divs[0].innerHTML="jq-->js";
    $divs.get(1).innerHTML="get方式改变";*/

    //js-->jq
    for (let i = 0; i < divs.length; i++) {
        $(divs[i]).html("js---->jquery");
    }
</script>
</body>
</html>